<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Shop | 后台管理中心</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="/vendor/amazui/i/favicon.png">
    <link rel="stylesheet" href="/vendor/amazui/css/amazeui.min.css"/>
    <style>
        .header {
            text-align: center;
        }

        .header h1 {
            font-size: 200%;
            color: #333;
            margin-top: 30px;
        }

        .header p {
            font-size: 14px;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="am-g">
        <h1>个人登录页面</h1>
        <p>Integrated Development Environment<br/>代码编辑，代码生成，界面设计，调试，编译</p>
    </div>
    <hr/>
</div>
<div class="am-g">
    <div class="am-u-lg-4 am-u-md-4 am-u-sm-centered">
        <h3>登录
            <a href="{{Route('register')}}" class="am-btn am-btn-danger am-btn-sm" style="float: right;">注册</a>
        </h3>
        <hr>
        <div class="am-btn-group">
            <a href="#" class="am-btn am-btn-secondary am-btn-sm"><i class="am-icon-github am-icon-sm"></i> Github</a>
            <a href="#" class="am-btn am-btn-success am-btn-sm"><i class="am-icon-google-plus-square am-icon-sm"></i>
                Google+</a>
            <a href="#" class="am-btn am-btn-primary am-btn-sm"><i class="am-icon-stack-overflow am-icon-sm"></i>
                stackOverflow</a>
        </div>
        <br>
        <br>

        <form method="post" class="am-form" action="{{ route('login') }}">
            {{ csrf_field() }}

            @include('layouts.shared._flash')

            <label>用户名:</label>
            <input type="text" name="name" placeholder="请输入用户名/邮箱/手机号" value="{{old('name')}}" autofocus>
            <br>
            <label for="password">密码:</label>
            <input type="password" name="password" id="password" placeholder="请输入密码">
            <br>
            <label for="password">验证码:</label>
            <div class="am-g">
                <div class="am-u-sm-6">
                    <input id="captcha" type="text" name="captcha">
                </div>
                <div class="am-u-sm-4">
                    <img src="{{ captcha_src() }}" alt="" style="cursor: pointer" onclick="this.src='{{captcha_src()}}&'+Math.random()">
                </div>
            </div>

            <br>
            <label for="remember-me">
                <input id="remember-me" type="checkbox">
                记住密码
            </label>
            <br/>
            <div class="am-cf">
                <input type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
                <a href="{{Route('password.request')}}" class="am-btn am-btn-default am-btn-sm am-fr">忘记密码 ^_^? </a>
            </div>
        </form>
        <hr>
        <p>© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
    </div>
</div>
<script src="/vendor/amazui/js/jquery.min.js"></script>
<script src="/vendor/amazui/js/amazeui.min.js"></script>
</body>
</html>

